<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>02.ajax</title>
</head>
<body>
    <!-- 
     1. ajax 的两大特性
       1.1 局部刷新：  网页不进行跳转，数据只会刷新网页中的某个部分！
       1.2 异步加载:   多个请求之间可以并发执行 互补打扰  大大提高数据的响应速度
            使用场景： 数据必须是没有关联的情况下使用
            不适用的场景: A数据需要基于B数据的响应结果而执行的 即为有顺序的
     2. 网络： 
        协议： http，https
        ip：局域网的id标识  整个局域网内 ip地址不能重复  想象成身份证号
           255.255.255.255
            域名  通过dns 服务解析器  解析成ip地址
        端口号： 一台服务器中 每个应用的标识  即为一台电脑中 应用的端口号不能重复的 
          0-65535 之间
          mysql  3306
     3.请求和响应：
          ajax作用：不生产数据  是数据的搬运工 
                   将客户端的数据发送给服务器  又将服务器的数据交给客户端
          客户端向服务器的过程： 请求 request 表示 
            请求行：
            请求头：key value
            请求体：可以不存在 【参数】
        
          服务器向客户端的过程:  响应 response 表示
            状态行：
            响应头：key value
            实体内容：响应的数据
    4.请求方式：
       4.1 非restful 风格   
          get请求
             1. 参数明文提交，携带在url上 不安全 默认
             2. 不能进行上传下载
             3. 传输数据有上限  4kb以内
             4、 get请求没有请求体
          post 请求
             1. 不是明文提交
             2. 将参数保存到请求体中
             3. 传输数据没有上线 可以进行上传下载操作
           请求头包含: Content-Type 请求的与实体对应的 MIME 信息
             第一种： application/x-www-form-urlencoded
             第二种:  application/json
             
       4.2 restful 风格
          get请求:  表示该请求负责检索 
          post请求： 该请求负责新增
          put/patch请求： 该请求负责修改
          delete请求： 该请求负责删除

          head： 头请求
          options 预请求  负责校验
     -->

     <form action="#" method="get">
        <input name="username" value="123">
        <input type="submit" value="提交">
     </form>
    
</body>
</html>